<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>车辆用油</title>
    <link rel="stylesheet" href="UC_style.css">
    <style>
        .main {
            width: 100%;
            height: 800px;
            background: RGB(239,239,239);
            float: left;
        }

        #header2 {
            height: 40px;
            background: white;
        }

        table,
        th,
        td {
            background-color: white;
            border: 1px solid black;
            border-collapse: collapse;
        }

        td {
            width: 200px;
            height: 90px;
            padding: 5px;
        }

        th {
            font-size: 18px;
        }

        .had {
            text-align: center;
            height: 600px;
            width: 80%;
            margin: 0px auto;
        }

        .input1 {
            border: 0px;
            height: 90%;
            font-size: 16px;
            width: 100%;
        }

        h2 {
            text-align: center;
        }

        .input2 {
            color: black;
            background-color: RGB(239,239,239);
            font-size: 20px;
            height: 40px;
            width: 100px;
            margin-left: 450px;
            margin-right: 30px;
        }

            .input2:hover {
                background-color: #808080;
            }
    </style>
</head>

<body>
    <div class="main">
        <div id="header2">
            <img src="img/frist.png" alt="Big Boat" width="30" height="30" style=" vertical-align: middle;">
            司机端 > 车辆用油
        </div>
        <h2>车辆用油统计表</h2>
        <form>
            <table class="had">
                <thead>
                    <tr>
                        <th>车辆名称</th>
                        <td colspan="2"><input class="input1" type="text" required></td>
                        <th>车牌号</th>
                        <td colspan="2"><input class="input1" type="text" required></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>日期</th>
                        <th>加油量（升）</th>
                        <th>里程表</th>
                        <th>经办人签字</th>
                        <th>间距公里数</th>
                        <th>百公里耗油</th>
                    </tr>
                </tbody>

                <tfoot>
                    <tr>
                        <td><input class="input1" type="text" required></td>
                        <td><input class="input1" type="text" required></td>
                        <td><input class="input1" type="text" required></td>
                        <td><input class="input1" type="text" required></td>
                        <td><input class="input1" type="text" required></td>
                        <td><input class="input1" type="text" required></td>
                    </tr>
                    <tr>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                    <tr>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                    <tr>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
                        <td><input class="input1" type="text"></td>
</tfoot>
            </table>
            <br>
            <input type="submit" class="input2" value="提交">
            <input type="reset" class="input2" value="清空">
        </form>
    </div>
</body>
</html>
